nodejs+express实现数据库mysql的访问,并展示数据到页面上【文尾分享源码包】 您所在的位置:网站首页 node 数据可视化 nodejs+express实现数据库mysql的访问,并展示数据到页面上【文尾分享源码包】

nodejs+express实现数据库mysql的访问,并展示数据到页面上【文尾分享源码包】

2024-06-05 17:23| 来源: 网络整理| 查看: 265

1.Express基础框架的搭建

首先,创建一个websafe文件如下图所示 在这里插入图片描述 Cd命令到新创建的目录下。 在这里插入图片描述 重点步骤:

1.1初始化项目

npm init

在这里插入图片描述 一直往下enter键就可以 在这里插入图片描述 在这里插入图片描述 yes之后我们的项目中就会多一个json文件 在这里插入图片描述 1.2安装express

安装命令为:

npm install -g express-generator

在这里插入图片描述 只要执行这个命令等待执行结束即可。

1.3 Express创建一个目录,进入该目录

创建命令:

express -e websafe

在这里插入图片描述 在这里插入图片描述 1.4下载包的依赖

下载基础依赖命令:

npm install

下载mysql数据库依赖命令:

npm install mysql

完成上面四步操作后具体的项目结构如下所示: 在这里插入图片描述 这样的话我们就创建好一个初始的express项目架构

2.数据库的连接创建

前提:本地有搭建mysql数据库,且存在表名为mysql 然后创建建立连接的js文件(index.js),具体代码如下所示:

var express = require("express"); //引用外部模块接口,也就是获取模块对象 var router = express.Router();//创建路由实例 //调用mysql模块 const mysql = require("mysql"); //配置本机mysql连接基本信息 let connectInfo = mysql.createConnection({ host: 'localhost', port: 3306, user: 'root', password: '123456', database: 'mysql' }) //数据库建立连接 connectInfo.connect(); //查询sql语句 var sqlWord = 'select * from nodetest'; connectInfo.query(sqlWord, function (err, result) { if (err) { console.log('[query]-:' + err); } else { router.get('/', function (req, res, next) { res.render('index', { title: 'express测试实例连接数据库', data: result }) }) } }); module.exports = router;

切记本地有mysql数据库,且数据库存在表名为nodetest

3. 页面的展示(忽略创建mysql本地数据库的过程)

创建页面通过变量展示,通过express框架中的index.ejs来创建一个表格进行页面data数据的展示,具体代码如下:

DOCTYPE html> 家庭信息表 (测试nodejs+express+mysql) id name address user


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有